<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.1.0/css/font-awesome.min.css">
		<link rel='stylesheet prefetch' href='${pageContext.request.contextPath}/css/bootstrap/bootstrap.min.css'>
		<link rel='stylesheet prefetch' href='${pageContext.request.contextPath}/css/register/main-register.css'>
		<title>用户注册</title>
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/common/jquery-1.9.1.min.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/common/register_validate.js"></script>
	</head>

	<body>
		<!-- 顶部部分 -->
		<header>
			<!-- 上-->
			<div class="h_top">
				<!-- 右侧小导航-->
				<nav class="private">
					<ul>
						<li><a href="#">登录</a></li>
						<li class="separator">|</li>
						<li><a href="#">注册</a></li>
						<li class="separator">|</li>
						<li><a href="login.html">个人中心</a></li>
					</ul>
				</nav>
				<!-- .private -->
			</div>
			<!-- .h_top -->

			<!-- 下-->
			<div class="h_content">
				<div class="container">
					<!-- LOGO-->
					<div class="logo">
						<img src="${pageContext.request.contextPath}/pic/logo/web_logo.png" width="35px" height="35px">
					</div>
					<!-- 搜索框-->
					<form class="search">
						<input type="text" name="search" class="entry_form" value="" placeholder="请在此搜索.." />
						<button type="button" class="btn btn-info btnsearch">Info</button>
					</form>
				</div>
			</div>
			<!-- .h_content -->

			<!-- 主体导航条开始 -->
			<div class="nav_primary">
				<div class="container">
					<nav class="primary">
						<ul>
							<li><a href="index.html">首页</a></li>
							<li><a href="catalog_grid.html">作品</a></li>
							<li><a href="catalog_grid.html">设计师</a></li>
							<li>
								<a href="catalog_grid.html">品牌服装</a>
								<ul class="sub">
									<li><a href="catalog_grid.html">For home</a></li>
									<li><a href="catalog_grid.html">For Garden</a></li>
									<li><a href="catalog_grid.html">For Car</a></li>
									<li><a href="catalog_grid.html">Other spray</a></li>
								</ul>
							</li>
							<li><a href="catalog_grid.html">服装企业</a></li>
							<li class="curent"><a href="catalog_grid.html">面料</a></li>
							<li><a href="catalog_grid.html">供应商</a></li>
							<li><a href="catalog_grid.html">资讯</a></li>
						</ul>
					</nav>
					<!-- .primary -->
				</div>
			</div>
			<!-- 主体导航条结束 -->
		</header>
		<div id="content" style="margin: 20px auto;">
			<form id="sform" class="form-horizontal">
				<h2 style="text-align: center;">用户注册</h2>
				<hr style="height:1px;border:none;border-top:1px solid #e0e0e0;" />
				<div class="form1" margin: 16px auto;>
					<div class="control-group">
						<div class="line" id="lineusername">
							<label class="control-label" for="username">用户名：</label>
							 <div class="controls">
							<input type="text" class="input" name="username" id="username" />
							</div>
						</div>
					</div>
					<div class="control-group">
						<div class="line">
							<label class="control-label" for="role">选择角色：</label>
							 <div class="controls">
							<select name="role" id="role">
								<option value="user">普通用户</option>
								<option value="designer">设计师</option>
								<option value="provider">供应商</option>
								<option value="enterprise">服装企业</option>
							</select>
							</div>
						</div>
					</div>
					<div class="control-group">
						<div class="line" id="linepassword">
							<label class="control-label" for="password">密码：</label>
							 <div class="controls">
							<input type="password" class="input" id="password" name="password" placeholder="请输入6到12位的密码" />
							</div>
						</div>
					</div>
					<div class="control-group">
						<div class="line" id="lineconfirm_password">
							<label class="control-label" for="confirm_password">确认密码：</label>
							 <div class="controls">
							<input type="password" class="input" id="confirm_password" name="confirm_password" />
							</div>
						</div>
					</div>
					<div class="control-group">
						<div class="line" id="lineEmail">
							<label class="control-label" for="email">邮箱：</label>
							 <div class="controls">
							<input type="text" class="input" name="email" id="email" placeholder="此邮箱将用于验证您的身份" />
							</div>
						</div>
					</div>
					<div class="control-group">
						<div class="line" >
							<label class="control-label" for="phone">联系号码：</label>
							 <div class="controls">
							<input type="text" class="input" name="phone" id="phone" placeholder="例:0663-1234567或12345678910" />
							</div>
						</div>
					</div>
					<div class="bottom-button">
					<input type="button" class="btn btn-info btnsearch" width="50px !important" id="submit" value="确定" />
					</div>
				</div>
			</form>
			
		</div>
		<footer>
		</footer>

	</body>

</html>